<template>
  <div class="chub_comments">
    <navbar>评论</navbar>

    <div class="wrapper">
      <div class="content">
        <!--<drop-load v-ref:scroller :refresh="refresh" :load-more="loadMore" :has-more="hasMore">-->

        <PullDown :height="heights" :load-more="loadMore" :refresh="refresh" :has-more="hasMore"  ref="pulldown">
          <div slot="content" style="background-color: #ffffff;height: 100%">
            <div class="count mx-1px-bottom">{{ total_number }}条评论</div>
                <ul class="comments">
                  <li class="mx-1px-bottom" v-for="i in chubComments">
                    <div class="portrait" :style="{backgroundImage:'url('+i.user.avatar+')'}"></div>
                    <div class="right">
                      <h2 class="vlc-nowrap">{{ i.user.nick_name }}</h2>
                      <p>{{ i.comment }}</p>
                      <div class="time">{{ i.created_at | time16 }}</div>
                    </div>
                  </li>
               </ul>
          </div>


        </PullDown>
        <!--</drop-load>-->
      </div>
      <div class="post">
        <div class="input vmc-1px" @click="jump('chub_post')">写评论</div>
      </div>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  import js from '../../cores/content-hub/comments.vue';

  export default {
    extends: js
  }
</script>
<style rel="stylesheet/less" lang="less">
  @import "../../styles/content-hub/chub.less";
  .comments{
    background-color: #ffffff;
  }
  .vlc-pullDown{
    height: 100%;
    .vlc-pullDown-content{
      height: 100%;
    }
  }

</style>

